<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <form action="" method="post">
        <input type="text" name="username" id="">
        <input type="text" name="password">
        <button type="submit">提交</button>
    </form>

    <script>

        // get  post 区别
        //   get从服务器上获取数据   post是向服务器发送数据
        //   get在地址栏可见，安全性较低   post不可见，安全性相对高一些
        //   get请求数据比较快(数据有长度的限制)   post请求数据基本没有长度的限制(请求数据的速度会慢一些)
        //   get在刷新或者回退等操作时会存在缓存   post没有缓存，刷新或者回退会重新请求数据

        //   增删改查
        //     查  get
        //     增  删除  修改   post   

    </script>

</body>

</html>